<template>
	<view class="wrap"
		:style="{backgroundImage:'url(https://gfry.oss-cn-hangzhou.aliyuncs.com/public/content/2024/03/index/chose_role.jpg)' }">

		<view class="list">
			<view class="logo-img">
				<image
					src="https://gfry.oss-cn-hangzhou.aliyuncs.com/crmebimage/public/maintain/2024/05/22/20240523101143.png"
					mode=""></image>
			</view>
			<view class="list-tit">
				请选择用户身份
			</view>
			<view class="list-msg" @click="goPage('1')">
				个人用户
			</view>
			<view class="list-msg" @click="goPage('2')">
				企业用户
			</view>
			<view class="list-msg" @click="goPage('3')">
				党建用户
			</view>
		</view>
	</view>
</template>

<script>
	import {
		HTTP_ADMIN_URL,
		HTTP_REQUEST_URL,
		HEADER,
		TOKENNAME,
		HEADERPARAMS
	} from '@/config/app';
	export default {
		data() {
			return {
				comApi: '',
			}
		},
		onLoad() {
			this.comApi = HTTP_ADMIN_URL


		},
		methods: {
			goPage(type) {
				if (type == 1) {
					this.go('/pages/users/wechat_login/index')
				} else if (type == 2) {
					this.go('/pages/users/login/index?type=2')
				} else if (type == 3) {
					this.go('/pages/users/login/index?type=3')
				}
			},
			go(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.logo-img {
		margin: 0 auto;
		text-align: center;
		width: 80%;
		height: 200rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	* {
		margin: 0;
		padding: 0;
	}

	.list {
		padding-top: 60rpx;

		.list-tit {
			text-align: center;
			font-size: 34rpx;
			margin-bottom: 100rpx;
			color: #fff;
		}

		.list-msg {
			width: 80%;
			margin: 40rpx auto;
			border-radius: 100rpx;
			background: $maincolor;
			font-size: 28rpx;
			color: #fff;
			text-align: center;
			padding: 30rpx 0;
		}
	}

	.wrap {
		height: 100vh;
		width: 100%;
		background-size: 100% 100%;
	}
</style>